<template>
    <div class="eslint space-full">
        <h1>配置项目eslint</h1>
        <div class="set-start">
            <div class="step step-one">确认vue项目已经下载eslint依赖包</div>
            <div class="step step-two">打开cmd窗口，cmd切换盘符，比如切换到E盘，输入E:回车即可</div>
            <div class="step step-three">进入到需配置eslint的项目</div>
            <div class="step step-four">输入命令eslint --init，然后根据提示选择设置即可</div>
            <div class="step step-five">
                <div class="handle-error">报错处理：Environment key "es2021" is unknown</div>
                <div class="handle-method"><span class="item-marker">·</span>解决方式：删除.eslintrc.js文件下的"es2021": true与"ecmaVersion": 12即可</div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'ESlint'
}
</script>
<style lang="less" scoped>
h1{
    margin-bottom: 20px;
}
.step{
    line-height: 40px;
    font-weight: bolder;
    text-indent: 30px;
    .handle-method{
        text-indent: 40px;
        font-weight: normal;
    }
    .item-marker{
        font-size: 60px;
        margin-right: 20px;
        vertical-align: -14px;
    }
}
</style>
